<script>
import HeaderPage from "@/components/headerPage.vue";
import CarouselQ from "@/components/carouselQ.vue";
import LiveClasses from "@/components/liveClasses.vue";
import FreeCourses from "@/components/freeCourses.vue";
import ExcellentCourses from "@/components/excellentCourses.vue";
import LimitedTimeDiscountCourses from "@/components/limitedTimeDiscountCourses.vue";
import TopPicks from "@/components/topPicks.vue";
import BottomPage from "@/components/bottomPage.vue";

export default {
  name: "indexPage",
  components: {
    BottomPage,
    TopPicks, LimitedTimeDiscountCourses, ExcellentCourses, FreeCourses, LiveClasses, CarouselQ, HeaderPage}
}
</script>

<template>
<div class="app1">
<!--  头部-->

<header-page></header-page>
<!--  轮播图-->
  <carousel-q></carousel-q>
<!--  直播课程-->
  <live-classes></live-classes>
<!--  免费课程-->
  <free-courses></free-courses>
<!--  精品课程-->
  <excellent-courses></excellent-courses>
<!--  限时折扣课程-->
  <limited-time-discount-courses></limited-time-discount-courses>
<!--  头条精选-->
  <top-picks></top-picks>
<!--  底部-->
  <bottom-page></bottom-page>
</div>
</template>

<style scoped lang="less">
.app1{
  background-color: blanchedalmond;
}
</style>